<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<f:metadata>
	<f:event listener="#{depositAccountWithdrawFundsManageBean.onLoad}"
		type="preRenderView"></f:event>
</f:metadata>
<h:body>
	<ui:param name="root" value="#{request.contextPath}" />
	<ui:composition template="/Group2/masterPage.xhtml">
		<ui:define name="content">
			<!-- start content -->
			<div id="content">


				<div id="page-heading">
					<h1 style="margin-left: 490px">Withdraw Money</h1>
				</div>

				<table border="0" width="100%" cellpadding="0" cellspacing="0"
					id="content-table">
					<tr>
						<th rowspan="3" class="sized"><h:graphicImage
								library="group2" name="images/shared/side_shadowleft.jpg"
								width="20" height="300" alt="" /></th>
						<th class="topleft"></th>
						<td id="tbl-border-top">&nbsp;</td>
						<th class="topright"></th>
						<th rowspan="3" class="sized"><h:graphicImage
								library="group2" name="images/shared/side_shadowright.jpg"
								width="20" height="300" alt="" /></th>
					</tr>
					<tr>
						<td id="tbl-border-left"></td>
						<td>
							<!--  start content-table-inner -->
							<div id="content-table-inner">

								<h:form>
									<table border="0" width="100%" cellpadding="0" cellspacing="0">
										<tr valign="top">
											<td>
												<!--  start step-holder -->
												<div id="step-holder">
													<div class="step-no">1</div>
													<div class="step-dark-left">
														<a href="#">Withdraw Money</a>
													</div>
													<div class="step-dark-right">&nbsp;</div>
													<div class="step-no-off">2</div>
													<div class="step-light-left">Confirm Transaction</div>
													<div class="step-light-right">&nbsp;</div>
													<div class="step-no-off">3</div>
													<div class="step-light-left">Done</div>
													<div class="step-light-round">&nbsp;</div>
													<div class="clear"></div>
												</div> <!--  end step-holder --> <!-- start id-form -->
												<table border="0" cellpadding="0" cellspacing="0"
													id="id-form">
													<tr>
														<th valign="top">Account Number:</th>
														<td>#{depositAccountWithdrawFundsManageBean.customerAccount.accountNumber}</td>
														<td></td>
													</tr>

													<tr>
														<th valign="top">ID Card Number:</th>
														<td>#{depositAccountWithdrawFundsManageBean.customer.idCardNumber}</td>
														<td></td>
													</tr>

													<tr>
														<th valign="top">Customer Name:</th>
														<td>#{depositAccountWithdrawFundsManageBean.customer.lastName}</td>
														<td></td>
													</tr>

													<!-- 	<tr>
													<th valign="top">DOB:</th>
													<td>22/12/1991</td>
													<td></td>
												</tr> -->

													<tr>
														<th valign="top">Current Balance:</th>
														<td><h:outputText
																value="#{depositAccountWithdrawFundsManageBean.customerAccount.accountBalance}">
																<f:convertNumber pattern="#,###,##0.00" />
															</h:outputText></td>
														<td></td>
													</tr>

													<tr>
														<th valign="top">Money Withdraw:</th>
														<td><h:inputText type="text" class="inp-form"
																id="withdrawAmount" label="Money withdraw"
																value="#{depositAccountWithdrawFundsManageBean.withdrawAmount}">
																<f:convertNumber pattern="#,###,##0.00" />
																<f:validateLongRange for="withdrawAmount" minimum="0" />
															</h:inputText></td>
														<td></td>
													</tr>

													<tr>
														<td colspan="3"><h:messages style="color:red" /></td>
													</tr>

													<tr>
														<th>&nbsp;</th>
														<td valign="top"><h:commandButton
																action="#{depositAccountWithdrawFundsManageBean.confirmWithdrawTransaction}"
																value="" class="form-submit" /> 
																<h:commandButton action="depositAccountList?faces-redirect=true" class="form-reset" /></td>
														<td></td>
													</tr>
												</table> <!-- end id-form  -->

											</td>
											<td></td>
										</tr>
										<tr>
											<td><h:graphicImage library="group2"
													name="images/shared/blank.gif" width="695" height="1"
													alt="blank" /></td>
											<td></td>
										</tr>
									</table>
								</h:form>
								<div class="clear"></div>


							</div> <!--  end content-table-inner  -->
						</td>
						<td id="tbl-border-right"></td>
					</tr>
					<tr>
						<th class="sized bottomleft"></th>
						<td id="tbl-border-bottom">&nbsp;</td>
						<th class="sized bottomright"></th>
					</tr>
				</table>


				<div class="clear">&nbsp;</div>

			</div>
			<!--  end content -->
			<div class="clear">&nbsp;</div>
		</ui:define>
	</ui:composition>

</h:body>
</html>
